<!DOCTYPE html>

<html>
	<head>
	    <meta charset="utf-8">
		
		<!-- Font weight: light (300) & semibold (600) -->
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:600,300' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="css/default.css"/>
		<link rel="stylesheet" href="css/tabs.css"/>
		<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
		
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.10.2.custom.min.js"></script>
		<script type="text/javascript" src="js/actions.js"></script>
		
		<title>Scrum</title>		
	</head>
	
	<body>
	
		<span id="username">gkolenc</span>
		<span id="separator">|</span>
		<span id="role"><a href="edit_profile.html">edit</a></span>
		
		<h1>Scrum</h1>
		
		<menu>
			<li><a href="control_panel.html">control<span>Panel</span></a>&nbsp;&nbsp;|&nbsp;</li>
			<li><a href="project_wall.html">project<span>Wall</span></a>&nbsp;&nbsp;|&nbsp;</li>
			<li><a class="active" href="product_backlog.html">product<span>Backlog</span></a>&nbsp;&nbsp;|&nbsp;</li>
			<li><a href="sprint_backlog.html">sprint<span>Backlog</span></a>&nbsp;&nbsp;|&nbsp;</li>
			<li><a href="my_tasks.html">my<span>Tasks</span></a>&nbsp;&nbsp;|&nbsp;</li>
			<li><a href="progress.html">progress<span>Reports</span></a>&nbsp;&nbsp;|&nbsp;</li>
			<li><a href="login.html">logout</a></li>
		</menu>
		
		<section>
		
			<ul id="tabs">
				<li><h2><a href="#" name="unfinished_stories">unfinished<span>Stories</span></a></h2></li>
				<li><h2><a href="#" name="finished_stories">finished<span>Stories</span></a></h2></li>
				<li><h2><a href="#" name="new_story">new<span>Story</span></a></h2></li>
				<li><h2><a href="#" name="manage_sprints">manage<span>Sprints</span></a></h2></li>
			</ul>
			
			<div id="tab_content">
			
				<!--====================-->
				<!-- Unfinished stories -->
				<!--====================-->
			
				<div id="unfinished_stories" class="stories_container">
					<h3>User stories for Sprint 1</h3>
					
					<div class="story">
						<input type="hidden" name="story_id" value="1" />
						<div class="header">
							<span class="values">must have | business value: 0 | time estimate: 2.5 pt</span>
							<h5>Dodajanje uporabnikov</h5>
						</div>
						
						<p>Administrator sistema lahko vnaša nove uporabnike v sistem. Določi jim uporabniško ime in geslo, osebne podatke (ime, priimek, e-pošta) in sistemske pravice (administrator sistema, uporabnik sistema).</p>
						--
						<p class="test_list"># Preveri dodajanje novega uporabnika skupaj s pripadajočimi podatki.<br/>
											# Preveri dodajanje uporabnika z obstoječim uporabniškim imenom.<br/>
											# Preveri, ali sistem upošteva dodeljene sistemske pravice.</p>
						--
						<p>To so možni komentarji...</p>
						
					</div>
					
					<div class="story">
						<input type="hidden" name="story_id" value="2" />
						<div class="header">
							<span class="values">must have | business value: 0 | time estimate: 2.5 pt</span>
							<h5>Dodajanje uporabnikov</h5>
						</div>
						
						<p>Administrator sistema lahko vnaša nove uporabnike v sistem. Določi jim uporabniško ime in geslo, osebne podatke (ime, priimek, e-pošta) in sistemske pravice (administrator sistema, uporabnik sistema).</p>
						--
						<p class="test_list"># Preveri dodajanje novega uporabnika skupaj s pripadajočimi podatki.<br/>
											# Preveri dodajanje uporabnika z obstoječim uporabniškim imenom.<br/>
											# Preveri, ali sistem upošteva dodeljene sistemske pravice.</p>
						
					</div>
					
					<!--=========-->
					<!-- Dialogs -->
					<!--=========-->
					
					<div id="edit_dialog" title="Edit user story">
						<p class="alert_string">This story title already exists!</p>
						<!-- Ce ni obvestila se doda razred hidden: class="alert_string hidden" -->
						
						<form class="dialog_form">
					    	<input type="text" name="title" placeholder="title" id="title" />
					    	<textarea name="content" placeholder="content..." id="content"></textarea>
					    	<textarea name="tests" placeholder="acceptance tests..." id="tests"></textarea>
					    	<div class="styled_select">
					    		<select id="priority">
					    			<option value="" disabled selected>priority</option>
					    			<option value="must have">must have</option>
					    			<option value="should have">should have</option>
					    			<option value="could have">could have</option>
					    			<option value="won't have this time">won't have this time</option>
					    		</select>
					    	</div>
					    	<input type="text" name="value" placeholder="business value (1-10)" id="value" /><br/>
					  	</form>
					</div>
					
					<div id="delete_dialog" title="Delete user story">
						<p>Are you sure you want to delete this user story?</p>
					</div>
					
					<div id="notes_dialog" title="Edit notes">
						<form class="dialog_form">
							<textarea name="notes" placeholder="notes..." id="notes"></textarea>
						</form>
					</div>
					
					<div id="poker_dialog" title="Planning Poker">
						<table>
							<thead>
								<td>round</td><td>gkolenc</td><td>gurh</td><td>akunovar</td><td>average</td>
							</thead>
							<tr>
								<td>1</td><td>1</td><td>1.5</td><td>2</td><td>1.5</td>
							</tr>
							<tr>
								<td>2</td><td>2</td><td>1.5</td><td>2</td><td>1.8</td>
							</tr>
							<tr>
								<td>2</td><td class="current_round" id="current_estimate"></td><td class="current_round" ></td><td class="current_round" ></td><td id="current_average"></td>
							</tr>
						</table>
						
						<input id="poker_time_estimate" type="text" name="poker_time_estimate" placeholder="your estimate"/>
						<button id="poker_time_estimate_submit" type="submit">submit</button>
					</div>
					
					<!--=============-->
					<!-- All stories -->
					<!--=============-->
					
					<h3>All user stories</h3>
					
					<div class="story">
						<input type="hidden" name="story_id" value="3" />
						<div class="header">
							<h5>Dodajanje uporabnikov</h5><br/>
							<span class="values all_stories"><span class="priority">could have</span> | business value: <span class="value">0</span> | time estimate: <input class="time_estimate" type="text" name="time"/></span>
							<a href="#" class="delete_story">delete</a> | <a href="#" class="edit_story">edit</a> | <a href="#" class="notes_story">notes</a> | <a href="#" class="poker_story">poker</a>
						</div>
						
						<p>Administrator sistema lahko vnaša nove uporabnike v sistem. Določi jim uporabniško ime in geslo, osebne podatke (ime, priimek, e-pošta) in sistemske pravice (administrator sistema, uporabnik sistema).</p>
						--
						<p class="test_list"># Preveri dodajanje novega uporabnika skupaj s pripadajočimi podatki.<br/># Preveri dodajanje uporabnika z obstoječim uporabniškim imenom.<br/># Preveri, ali sistem upošteva dodeljene sistemske pravice.</p>
						<span class="comment_separator">--</span>
						<p class="comments">To so možni komentarji...</p>
						
						<div class="add_to_sprint">
							<button type="button" class="add_to_sprint_button">add to sprint</button>
						</div>
						
					</div>
					
					<div class="story">
						<input type="hidden" name="story_id" value="4" />
						<div class="header">
							<h5>Dodajanje opomb k zgodbam</h5><br/>
							<span class="values all_stories"><span class="priority">won't have this time</span> | business value: <span class="value">1</span> | time estimate: <input class="time_estimate" type="text" name="time"/></span>
							<a href="#" class="delete_story">delete</a> | <a href="#" class="edit_story">edit</a> | <a href="#" class="notes_story">notes</a> | <a href="#" class="poker_story">poker</a>
						</div>
						
						<p>Člani razvojne skupine lahko k uporabniškim zgodbam v dogovoru s produktnim vodjo ali skrbnikom metodologije dopisujejo svoje opombe.</p>
						--
						<p class="test_list"># Preveri regularen potek</p>
						<span class="comment_separator hidden">--</span>
						<p class="comments hidden"></p>
						
						<div class="add_to_sprint">
							<button type="button" class="add_to_sprint_button">add to sprint</button>
						</div>
						
					</div>
					
					
					
				</div>
				
				<!--==================-->
				<!-- Finished stories -->
				<!--==================-->
				
				<div id="finished_stories">
				
					<div class="story no_stories">
						<p>No finished stories</p>
					</div>
					
				</div>
				
				<!--=============-->
				<!-- Add story -->
				<!--=============-->
				
				<div id="new_story" class="bracket">
					<p class="alert_string">This story title already exists!</p>
					<!-- Ce ni obvestila se doda razred hidden: class="alert_string hidden" -->
					
					<form id="add_story_form" method="post">
						<input type="text" name="title" placeholder="title" required="required" /><br/>
						<textarea name="content" placeholder="content..." required="required"></textarea>
						<textarea name="tests" placeholder="acceptance tests..." required="required"></textarea>
						<div class="styled_select">
							<select>
								<option value="" disabled selected>priority</option>
								<option value="must have">must have</option>
								<option value="should have">should have</option>
								<option value="could have">could have</option>
								<option value="won't have this time">won't have this time</option>
							</select>
						</div>
						<input type="text" name="value" placeholder="business value (1-10)" required="required" /><br/>
						<input id="add_story_submit" type="submit" name="submit" value="add" formaction="#" />
					</form>
				</div>
				
				<!--================-->
				<!-- Manage sprints -->
				<!--================-->
				
				<div id="manage_sprints" class="bracket">
					<!-- <p class="alert_string">Obvestilo</p> -->
					
					<h3>Sprints for current project</h3>
					<hr />
					
					<div class="project">
						<input type="hidden" name="sprint_id" value="1" />
						<div class="right2">|&nbsp;FINISHED&nbsp;•&nbsp;velocity: 28 pts</div>
						<div class="left2"><h4>Sprint 1</h4>, 18.03.2013 - 14.04.2013</div>
					</div>
					
					<div class="project">
						<input type="hidden" name="sprint_id" value="2" />
						<div class="right2">|&nbsp;<h4>IN PROGRESS</h4>&nbsp;&nbsp;•&nbsp;velocity: <input class="velocity" type="text" name="velocity" value="28"/> pts</div>
						<div class="left2"><h4>Sprint 2</h4>, 18.03.2013 - 14.04.2013</div>
					</div>
					
					<div class="project">
						<input type="hidden" name="sprint_id" value="3" />
						<div class="right2">|&nbsp;<a href="#" class="delete_sprint">delete</a>&nbsp;•&nbsp;velocity: <input class="velocity" type="text" name="velocity" value="28"/> pts</div>
						<div class="left2"><h4>Sprint 3</h4>, 18.03.2013 - 14.04.2013</div>
					</div>
					<div class="sprint_deleting">
						<button type="button" class="sprint_delete">delete</button>
						<button type="button" class="right_button">cancel</button>
					</div>
					
					<div class="project">
						<input type="hidden" name="sprint_id" value="4" />
						<div class="right2">|&nbsp;<a href="#" class="delete_sprint">delete</a>&nbsp;•&nbsp;velocity: <input class="velocity" type="text" name="velocity" value="28"/> pts</div>
						<div class="left2"><h4>Sprint 4</h4>, 18.03.2013 - 14.04.2013</div>
					</div>
					<div class="sprint_deleting">
						<button type="button" class="sprint_delete">delete</button>
						<button type="button" class="right_button">cancel</button>
					</div>
					
					<br />
					<h3>New sprint</h3>
					<hr />
					
					<form id="add_sprint_form" method="post">
						<input type="date" name="title" placeholder="Start date" required="required" /><br/>
						<input type="date" name="title" placeholder="Finish date" required="required" /><br/>
						<input type="number" name="title" placeholder="Velocity (pts)" required="required" /><br/>
						<input id="add_sprint_submit" type="submit" name="submit" value="add" formaction="#" />
					</form>
					
				</div>
			</div>
		
		</section>
		
	</body>
</html>